.aboutUs {
  display: flex;
  flex-direction: column;
}

.aboutwraper {
  margin-top: 5rem;
  padding-bottom: 5rem;
}

.sec1 {
  margin-bottom: 1rem;
}

.sec1 img {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.values {
  display: flex;
  padding: 10px;
  gap: 10px;
}

.values img {
  width: 30%;
  border: 2px solid var(--b);
  border-radius: 10px;
}

.aboutText {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}


/* ? media queries to edit css responsiveness */

/* small mobile */
/* @media (min-width: 320px) {
 
} */

/* m mobile */
/* @media (min-width: 375px) {
 
} */

/* l mobile */
/* @media (min-width: 425px) {
 
} */

/* xs */
/* @media (min-width: 475px) {

} */

/* sm */
/* @media (min-width: 640px) {

} */

/* m */
@media (min-width: 768px) {
  .aboutUs {
    flex-direction: row;
  }

  .sec1 img {
    width: 40%;
  }

  .sec1 p {
    width: 70%;
    margin-left: auto;
    margin-right: auto;

    line-height: 2rem;
  }
}

/* lg */
/* @media (min-width: 1024px) {
 
}
 */
/* xl */
/* @media (min-width: 1280px) {
 
} */

/* 2xl */
/* @media (min-width: 1536px) {

} */